<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script src="./axios.min.js"></script>
  <script>
    // 1. 查询
    // 所有
    // axios.get('http://localhost:3000/brands').then(res=>{
    //   // res是响应对象  // res.data是后台响应内容（数据）
    //   console.log(res.data)
    // })
    // // 单个
    // axios.get('http://localhost:3000/brands/2').then(res=>{
    //   // res是响应对象  // res.data是后台响应内容（数据）
    //   console.log(res.data)
    // })
    // 筛选条件查询
    // 方式1：自己手动在地址栏?后进行拼接
    // 方式2：针对get传参，?后键值对传参，固定传参方式 {params:{//传参对象 }}
    // axios.get('http://localhost:3000/brands',{params:{name_like:'奥'}}).then(res=>{
    //   // res是响应对象  // res.data是后台响应内容（数据）
    //   console.log(res.data)
    // })

    // 2. 添加
    // 除去get请求外，函数的第二个参数都是请求体传参，是对象类型。
    // axios.post('http://localhost:3000/brands',{name:"宝马",time: new Date()}).then(res=>{
    //   console.log('成功')
    // })


    // 3. 删除
    // axios.delete('http://localhost:3000/brands/2').then(res=>{
    //   console.log('成功')
    // })


    // 4. 修改 完整
    // axios.put('http://localhost:3000/brands/3',{name:"长安奔奔",time: new Date()}).then(res=>{
    //   console.log('成功')
    // })
    // 5. 修改 局部
    // axios.patch('http://localhost:3000/brands/3',{name:"奔奔"}).then(res=>{
    //   console.log('成功')
    // })

    // 完整写法
    axios({
      method: 'get',
      // 路径上传参在url后进行拼接
      url: 'http://localhost:3000/brands/1',
      // ?后键值对传参
      params: {},
      // 请求体传参
      data: {},
      // 请求头传参
      headers: {}
    }).then(res=>{
      console.log('成功')
    }).catch(err=>{
      console.log('失败')
    })

  </script>
</body>
</html>